﻿
.container {
    padding: 50px;
    background-color: #393D49;
    height: 100px;   
}

.line {
    width: 20px;
    height: 100px;
    border-bottom: 2px solid #68b2ce;
}

.loading {
   
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #68b2ce;
    animation: loading cubic-bezier(0.5,0.01,0.9,1) 0.6s infinite alternate;
    -webkit-animation: loading cubic-bezier(0.5,0.01,0.9,1) 0.6s infinite alternate;
}

@keyframes loading {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    100% {
        transform: translateY(80px);
        -webkit-transform: translateY(80px);
    }
}

@-webkit-keyframes loading {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    100% {
        transform: translateY(80px);
        -webkit-transform: translateY(80px);
    }
}
